﻿@{
    ViewBag.Title = "关于我们";
}
@section Head{
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Default/CSS/about.css")" />
    <link rel="stylesheet" href="/Content/Default/ImgePreview/css/visuallightbox.css"
          type="text/css" media="screen" />
    <script src="/Content/Default/ImgePreview/js/visuallightbox.js" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/Default/JS/RegistAndLogin/tinybox.js")" type="text/javascript"></script>
    <script src="/Content/Default/ImgePreview/js/visuallightbox.js" type="text/javascript"></script>
    <style type="text/css">
        .divcss5_list_title {
            background: #eeeeee;
            border: 1px solid #cccccc;
            padding: 1em;
        }

        .divcss5_list_content {
            padding: 1em;
        }

        #tinybox {
            position: absolute;
            display: none;
            padding: 10px;
            background: #ffffff url(/Content/Default/Images/Trait/preload.gif) no-repeat 50% 50%;
            border: 10px solid #e3e3e3;
            z-index: 2000;
        }

        #tinymask {
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: #000000;
            z-index: 1500;
        }

        #tinycontent {
            background: #ffffff;
            font-size: 1.1em;
        }

        #n {
            margin: 10px auto;
            width: 920px;
            border: 1px solid #CCC;
            font-size: 12px;
            line-height: 30px;
        }

            #n a {
                padding: 0 4px;
                color: #333;
            }

        .person-base-info {
            margin-left: 100px;
        }

        .span8 {
            width: 580px;
            margin-left: 0;
        }

        .hidden {
            display: none;
        }

        .development-course-head {
            text-align: right;
            padding-right: 130px;
            margin-bottom: 20px;
        }

            .development-course-head a {
                margin-left: 20px;
                cursor: pointer;
            }

        .text-danger {
            color: #e74c3c;
        }

        .span2 {
            width: 200px;
        }
    </style>
}
<script type="text/javascript">
    function PrevandNext(count) {
        var a = {
            Step: 15,
            Time: 10,
            Auto: false,
            Pause: 4000,
            Index: 0,
            timer: null,
            target: 0,
            direc: 'left',
            init: function () {
                a.slide();
            },
            slide: function () {
                var oContainer = Util.getID('idFormView');
                var onPrev = Util.getID('idPrev');
                var onNext = Util.getID('idNext');
                var oSlider = Util.getID('idSlider');

                var osCount = count;
                var osWidth = 693;
                oContainer.style.position = 'relative';
                oSlider.style.width = osCount * osWidth + 'px';
                oSlider.style.position = 'absolute';
                oSlider.style.top = oSlider.style.left = 0;
                var Move = function () {
                    clearTimeout(a.timer);
                    var iNow = parseInt(oSlider.style[a.direc]);
                    var iStep = GetStep(a.target, iNow);
                    if (iStep != 0) {
                        oSlider.style[a.direc] = (iNow + iStep) + 'px';
                        a.timer = setTimeout(function () {
                            Move();
                        },
                            a.Time);
                    } else {
                        oSlider.style[a.direc] = a.target + 'px';
                        if (a.Auto) {
                            a.timer = setTimeout(function () {
                                a.Index++;
                                Start();
                            },
                                a.Pause);
                        }
                    }
                };
                var GetStep = function (iTarget, iNow) {
                    var iStep = (iTarget - iNow) / a.Step;
                    if (iStep == 0) {
                        return 0;
                    };
                    if (Math.abs(iStep) < 1) {
                        return (iStep > 0 ? 1 : -1);
                    };
                    return iStep;
                };
                var Stop = function (iTarget, iNow) {
                    clearTimeout(a.timer);
                    oSlider.style[a.direc] = a.target + 'px';
                };
                var Each = function (list, fun) {
                    for (var i = 0,
                        len = list.length; i < len; i++) {
                        fun(list[i], i);
                    }
                };
                onPrev.onclick = function () {
                    clearTimeout(a.timer);
                    a.Index--;
                    Start();
                };
                onNext.onclick = function () {
                    clearTimeout(a.timer);
                    a.Index++;
                    Start();
                };
                var Start = function () {
                    if (a.Index < 0) {
                        a.Index = osCount - 1;
                    } else if (a.Index >= osCount) {
                        a.Index = 0;
                    };
                    a.target = -1 * osWidth * a.Index;

                    Move();
                };
                Start();
            }
        };
        a.init();
    }
</script>
<script type="text/javascript">
    var environment = {
        userVo: '',
        role: '',
        userId: '',
        basePath: '',
        userCash: '',
        globalPath: 'http://www.zxidai.com/'
    };
</script>
<script src="/Content/Default/JS/RegistAndLogin/global-1.1.0.min.js" type="text/javascript"></script>
<link href="/Content/Default/CSS/static.css" rel="stylesheet" type="text/css" />
<div class="aboutbody">
    <div class="about">
        <div class="wrap">
            <div class="container">
                 <div class="row">
                    <div class="span6 about-jimubox-words words" style="text-align: left;">
                        <h3 style="text-align: right;">
                            关于众禧贷</h3>
                        <div style="margin-left: 30px;">
                            <p>
                                众禧贷作为遵义中禧互联网金融服务有限公司旗下互联网金融</p>
                            <p>
                                服务平台，于2015年05月正式上线运营。积极响应贵州省委、</p>
                            <p>
                                省政府“非禁即入”的号召，运用创新型P2B互联网金融模式</p>
                            <p>
                                为载体，解决贵州省中小企业融资难题，全面提升融资效率及</p>
                            <p>
                                 企业发展速度。我们拥有丰富经验的互联网人才负责建设产</p>
                            <p>
                                品和技术研发，另有专业的金融领域专家组成风险团队，实时</p>
                            <p>
                                监控项目质量，把控产品风险。</p>
                        </div>
                    </div>
                    <div class="span6">
                        <img src="/Content/Default/Images/Guide/about_01.png"  alt="众禧贷"/>
@*                        <img src="@Url.Content("~/Content/Default/Images/About/about_01.png")" alt="众禧贷">*@
                    </div>
                    <a id="more_aptitudes" href="#" class="more" style="margin-right: 100px; margin-top: 20px;">
                        查看相关资质证件</a>
                </div>
            </div>
        </div>
        <div class="wrap about-wrap-gray">
            <div class="container about-name-container" style="background-position-x: 35px;">
                  <div class="row">
                    <div class="span6">
                    </div>
                    <div class="span6 about-name-words words">
                        <h3>
                            我们的愿景</h3>
                        <p style="margin-bottom: 15px;">
                            以诚信作为企业立业的根本，建立国内风控领先的互联网平台。</p>
                        <p style="margin-bottom: 15px;">
                            为更多中小企业提供优质融资服务，为全国用户提供安全理财通道。</p>
                        <p style="margin-bottom: 15px;">
                            诚实、诚信、诚心、诚德，“众禧贷”秉持“以诚为本”的理念，</p>
                        <p style="margin-bottom: 15px;">
                            开创阳光化、透明化、专业化的互联网金融服务新格局！</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrap">
            <div style="height: auto; margin: 0 auto; padding-top: 40px; width: 990px;">
                <h3 style="color: #e44838; font-size: 24px; text-align: center;">
                    发展历程
                </h3>
            </div>
            <div class="container about-develop-container" style="padding: 36px 0 0; background: url(/Content/Default/Images/About/about_03.png) right 70px no-repeat; position: relative;height: 500px;">
                <div class="row">
                    <div class="words about-develop-words" style="padding: 0 80px 0 0; width: 880px;">
                        <nav class="development-course-head">
@*                            <a class="text-danger" data-content="development-course-2015">2015年</a>*@
@*                            <a data-content="development-course-2014">2014年</a>*@
@*                            <a data-content="development-course-2013">2013年</a>*@
                        </nav>
                        <div class="dev-event" style="border-right: 2px solid #E74C3C; float: left; text-align: right;width: 570px;">
                            <div class="development-course development-course-2015">
                                <p style="line-height: 28px;">
                                    <a href="javascript:;">
                                        <span class="dev dev18 develop-hover" data-dev="dev18" style="padding: 0">
                                           遵义中禧互联网金融服务有限公司成立
                                            <img class="" src="@Url.Content("/Content/Default/Images/About/about_point.png")" alt=" " />
                                        </span>
                                    </a>
                                </p>
                            </div>
                         
                        </div>
                        <div class="dev-time" style="float: left; text-align: left; width: 200px;">
                            <div class="development-course development-course-2015">
                                <p style="line-height: 28px;">
                                    <a href="javascript:;"><span class="dev dev18 develop-hover" data-dev="dev18">2015年05月</span></a>
                                </p>
                            </div>
                          
                        </div>
                    </div>
                </div>
                <a id="more_certificates" href="#" class="more" style="position: absolute;right: 0;bottom: 60px;">查看更多荣誉证书</a>
            </div>
        </div>
        <div class="wrap about-wrap-gray words" style="height: 420px;">
            <div style="height: auto; margin: 0 auto; padding-top: 40px; width: 990px;">
                <h3 style="color: #e44838; font-size: 24px; text-align: center;">
                    平台结构
                </h3>
            </div>
            <div class="container about-logo-container" style="margin-top: -30px; background: url(/Content/Default/Images/About/about_04.png) top left no-repeat;">
                <div class="row">
                    <div class="span6">
                    </div>
                    <div class="span6 about-name-words " style="margin-top: -50px;">
                        <p style="font-size: 16px; margin-top: 15px;">
                            股权借款
                        </p>
                        <p>
                            上海股交中心是为非上市公司提供借款和股权转让的场外交易市场，自签订战略合作协议以来，借助资本市场的强大借款能力为贵州省中小企业的发展提供资金服务；
                        </p>
                        <p style="font-size: 16px; margin-top: 15px;">
                            银行信托
                        </p>
                        <p>
                            整合政府、银行、企业、担保机构开展有效对接，解决企业与金融机构之间信息不对称等问题，降低企业借款成本，简化借款程序和提高借款效率。
                        </p>
                        <p style="font-size: 16px; margin-top: 15px;">
                            民间借贷
                        </p>
                        <p>
                            省内首家P2B互联网金融平台，覆盖省内、面对全国，以互联网为载体，为中小企业资金需求与百姓理财愿望之间找到切合点。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrap about-wrap-gray" style="height: 520px;">
            <div class="wrap about-us-wrap words about-us-words">
                <h3>
                    办公环境
                </h3>
                <div class="us-gallery">
                    <div class="gallery-line">
                        <a class="vlightbox1" href="/Content/Default/Images/About/bg01.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg01.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg02.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg02.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg03.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg03.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg04.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg04.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg05.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg05.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg06.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg06.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg07.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg07.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg08.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg08.jpg")" />
                            </span>
                        </a>
                    </div>
                    <div class="gallery-line">
                        <a class="vlightbox1" href="/Content/Default/Images/About/bg09.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg09.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg01.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg10.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg11.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg11.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg12.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg12.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg13.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg13.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg14.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg14.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg09.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg15.jpg")" />
                            </span>
                        </a><a class="vlightbox1" href="/Content/Default/Images/About/bg16.jpg">
                            <span class="col-us-pic thumbnail" data-gallery="gallery-office">
                                <img class="us-pic" alt="办公环境-众禧贷" src="@Url.Content("/Content/Default/Images/About/bg16.jpg")" />
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrap ">
            <div class="wrap about-us-wrap words about-us-words">
                <div class="contract-way-container container" style="padding: 20px 0 120px 0;">
                    <h3 style="color: #e44838; font-size: 24px; font-weight: 500; margin: -80px auto 80px;
                        margin-top: 50px; text-align: center;">
                        联系方式</h3>
                    <div class="row">
                        <div class="span3 contract-item">
                            <div class="contract-icon customer-service">
                                <p class="contract-word">
                                   400-009-9594</p>
                            </div>
                        </div>
                        <div class="span3 contract-item">
                            <div class="contract-icon mail">
                                <p class="contract-word">
                                    service@zxidai.com</p>
                            </div>
                        </div>
                        <div class="span3 contract-item">
                            <div class="contract-icon address">
                                <p class="contract-word">
                                  遵义市新蒲经济开发区遵义软件园8号楼2层<br />
                                    </p>
                            </div>
                        </div>
                        <div class="span3 contract-item">
                            <div class="contract-icon" style="height: 140px; margin-top: -25px; width: 140px;">
                                <img src="../../Content/Default/Images/weixin.jpg" />
                                <p class="contract-word">
                                    扫描订阅众禧贷微信服务号</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    getElement('more_aptitudes').onclick = function () { TINY.box.show('/Image/MoreAptitudes', 1, 980, 800, 1); };
    getElement('more_certificates').onclick = function () {
        TINY.box.show('/Image/MoreCertificates', 1, 980, 800, 1);
    }
    var vdf = document.getElementsByClassName("portrait");
    $(".dev").mousemove(function () {
        $('.dev').removeClass('develop-hover');
        $('.dev img').addClass('hide');
        $('.dev').attr("style", "padding:0 20px");

        var dev = $(this).attr('data-dev');
        $('.dev-event .' + dev).attr("style", "padding:0");
        $('.' + dev).addClass('develop-hover');
        $('.' + dev + ' img').removeClass('hide');
    });
    $(".portrait").mousemove(function () {
        $('.portrait.active').removeClass('active');
        $(this).addClass('active');
        var person = $(this).attr('data-person');
        $('.person-info.active').removeClass('active');
        $('.person-info.' + person).addClass('active');
    });
    $().ready(function () {
        $("ul li").removeClass("active");
        $("#about_ul_li_a").addClass("active");
        $("#nav_li-About a,#nav_li-About div").addClass("a_class");

        window.Lightbox = new jQuery().visualLightbox({
            autoPlay: true,
            borderSize: 10,
            classNames: 'vlightbox1',
            closeLocation: 'top',
            descSliding: true,
            enableRightClick: false,
            enableSlideshow: true,
            resizeSpeed: 7,
            slideTime: 4,
            startZoom: true
        });

        $(".development-course-head a").bind("hover", function () {
            $(".development-course-head a").removeClass("text-danger");
            $(this).addClass("text-danger");
            $(".development-course").addClass("hidden");
            $("." + $(this).attr("data-content")).removeClass("hidden");
        });
    });
</script>
